<template>
  <div id="app">
    <nav>
      <!-- 导航链接 -->
      <router-link to="/">首页</router-link> |
      <router-link to="/news-list">新闻列表</router-link> |
      <router-link to="/about">关于我们</router-link>
    </nav>
    <!-- 路由视图容器 -->
    <router-view class="container"></router-view>
  </div>
</template>


<script>
export default {
  name: 'App',
}
</script>


<style>
.container {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  width: 600px;
  height: 500px;
  margin: 0 auto;
  margin-top: 20px;

}

#app {
   text-align: center;
   width: 800px;
   margin: 0 auto;
   margin-top: 60px;
  
}
</style>